<template>
  <div>
    <h3>收费员信息</h3>
    <div class="row-content">
      <el-table
        :data="table.data"
        :loading="table.loading"
        style="width: 100%"
        :header-cell-style="{
          background: '#F1F1F1',
          'font-size': '14px',
          'font-weight': 600,
          color: '#333333',
        }"
        :cell-style="{
          'font-size': '14px',
          'font-weight': 400,
          color: '#333333',
        }"
      >
        <el-table-column prop="licensePlate" label="登记原因" />
        <el-table-column prop="licensePlate" label="收费员姓名" />
        <el-table-column prop="licensePlate" label="员工号" />
        <el-table-column prop="licensePlate" label="员工手机" />
        <el-table-column prop="licensePlate" label="PDA编号" />
        <template #empty>
          <el-empty :image="imgNone" />
        </template>
      </el-table>
    </div>
  </div>
</template>


<script setup>
import { ref, reactive } from "vue";
const imgNone = new URL("@/assets/image/imgNone.png", import.meta.url).href;

// 表格
const table = reactive({
  data: [],
  total: 0,
  loading: true,
});
</script>

<style lang="less" scoped>
.row-content {
  margin-top: 20px;
}
</style>